<span class="btn btn-primary disabled">Menu quản lý</span>
<hr />
<?php if(isset($mod_info) && $mod_info){?>
{mod_info}
<ul class="nav nav-list">
    <li class="nav-header module"><i class="icon-folder-open"></i>{mod_name}</li>
    {mod_list}
    <li class="module_child" data-id="{mod_action_id}"><a href="#" data-rel="{mod_action_link}">{mod_action_name}</a></li>
    {/mod_list}
</ul>
<hr />
{/mod_info}
<?php } ?>
<script>
function ReloadIframe(id_tab){
    $(id_tab).find('iframe').attr('src',$(id_tab).find('iframe').attr('src'));
}
//Module child
    $('.module_child').click(function(){
        var module = $(this).closest('ul').find('.module').text();
        var title = $(this).text();
        var url_iframe = $(this).find('a').attr('data-rel');
        
        var id_tab = $(this).attr('data-id');
        $('.nav-tabs').find('li').removeClass('active');
        //Thêm tab mới
        $('.nav-tabs').append('<li class="active" data-id="'+
                                id_tab+'"><a href="#'+
                                id_tab+'" data-toggle="tab"><span class="icon-refresh reloadTab" onclick=ReloadIframe("#'+id_tab+'")></span>&nbsp;'+
                                module+' &raquo '+title+'&nbsp;&nbsp;<span class="close">&times</span></a></li>');
        
        //Hiện iframe nội dung của tab đc chọn
        $('.tab-content').find('.tab-pane').removeClass('active');
        
        //Ẩn dấu reloadTab của các tab cũ khi thêm 1 tab mới
        $('.nav-tabs').find('li[class!=active]').find('.reloadTab').css('display','none');
        
        //Hiện dấu reloadTab khi 1 tab được click, ẩn dấu reloadTab ở các tab còn lại
        $('.nav-tabs li').click(function(){
            $('.nav-tabs').find('li').find('.reloadTab').css('display','none');
            $(this).find('.reloadTab').css('display','inline-block');
        });
        //Thêm iframe mới
        $('.tab-content').append('<div class="tab-pane active" id="'+id_tab+'"><iframe class="mainframe" src="'+url_iframe+'"></iframe></div>');
        $('iframe').load(function() {
            this.style.height = (this.contentWindow.document.body.offsetHeight + 50) + 'px';
        });
        //Sự kiện close tab
        $('.nav-tabs .close').click(function(){
            var id_close = $(this).closest('li').attr('data-id');

/**
 *             $next = $(this).closest('li').next('[data-id]');
 *             $prev = $(this).closest('li').prev('[data-id]');
 *             if($next){
 *                 console.log($next);
 *                 $next.addClass('active');
 *                 $('#'+$next.attr('data-id')).addClass('active');
 *             }else if($prev){
 *                 console.log($prev);
 *                 $prev.addClass('active');
 *                 $('#'+$prev.attr('data-id')).addClass('active');
 *             }
 *             
 */
            $('.nav-tabs').find('li').removeClass('active');
            $('.tab-content').find('.tab-pane').removeClass('active');
            $('.nav-tabs').find('li:first').addClass('active');
            $('#1').addClass('active');
            $('#'+id_close).remove();
            $(this).closest('li').remove();
        });
    });
//Website setting

</script>